<template>
<!-- 账号信息 -->
    <div>
        <div class="session">
            <manage-public-editor el_title="账户信息">
                <template slot="editorContent">
                    <div class="editorContent">
                        <div class="accountclass" v-for="(item,index) of accountShow" :key="index">
                            <span class="accountspan">{{item.label}}:</span>
                            <span class="valuespan">{{accountData[item.value]}}</span>
                        </div>
                    </div>
                </template>
            </manage-public-editor>
        </div>
        <div class="session">
            <manage-public-editor el_title="机构信息">
                <template slot="editorContent">
                    <div class="editorContent">
                        <div class="organizationclass" v-for="(item,index) of organizationShow" :key="index">
                            <span class="organizationspan">{{item.label}}:</span>
                            <span class="valuespan">{{organizationData[item.value]}}</span>
                        </div>
                    </div>
                </template>
            </manage-public-editor>
        </div>
        
    </div>
</template>
<script>
import pubilcPaginationMinxin from "manage-sys-libs/src/components/managePubilcPagination/mixins/index"
export default {
    mixins: [pubilcPaginationMinxin],
   data() {
    return {
      accountShow:[
          { label:"所在机构" ,value:"name"},
          { label:"本次登录" ,value:"name"},
          { label:"登录地区" ,value:"name"},
          { label:"上次登录" ,value:"name"},
      ],
      accountData:{
          name:"123"
      },
      organizationShow:[
          { label:"机构" ,value:"name"},
          { label:"采样点名称" ,value:"name"},
          { label:"采样点电话" ,value:"name"},
          { label:"所在地区" ,value:"name"},
          { label:"详细地址" ,value:"name"},
          { label:"经纬度" ,value:"name"},
      ],
      organizationData:{
          name:"123"
      }
    }
  }
    
    
    
}
</script>
<style lang="scss" scope>
.session{
    margin: 10px;
}
.accountclass,.organizationclass{
    margin: 20px;
    .organizationspan,.accountspan{
        width: 100px;
        display: inline-block;
    }
    .organizationspan{
        text-align: right;
        
    }
    .valuespan{
        margin-left: 10px;
    }
    
}


</style>